<template>
	<view>
		<scroll-view class="navScrollBox" scroll-x>
			<view class="scoll-item">热门</view>
			<view class="scoll-item">最新</view>
			<view class="scoll-item">日志</view>
			<view class="scoll-item">图片分享</view>
			<view class="scoll-item">小说连载</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.navScrollBox {
	height: 70rpx;
	background: #b9edf8;
	white-space: nowrap;
	/deep/ ::-webkit-scrollbar {
		width: 4px!important;
		height: 1px!important;
		overflow: auto!important;
		-webkit-appearance: auto!important;
		background: transparent!important;
		display: block;
	}
	.scoll-item {
		line-height: 70rpx;
	    color: #fff;
		font-weight: 550;
		padding: 0 10rpx;
		margin:0 20rpx;
		display: inline-block;
	}
}
</style>
